@page "/Grouped_Bar_Chart"

<Tabs>
    <TabPane Key="1">
        <Tab>示例1</Tab>
        <ChildContent>
            <GroupedBar Data=data1 Config="config1" />
        </ChildContent>
    </TabPane>
</Tabs>

@code{
    #region 示例1

    object[] data1 = new object[] {
        new  {
    label= "Mon.",
    type= "series1",
    value= 2800,
  },
        new  {
    label= "Mon.",
    type= "series2",
    value= 2260,
  },
        new  {
    label= "Tues.",
    type= "series1",
    value= 1800,
  },
        new  {
    label= "Tues.",
    type= "series2",
    value= 1300,
  },
        new  {
    label= "Wed.",
    type= "series1",
    value= 950,
  },
        new  {
    label= "Wed.",
    type= "series2",
    value= 900,
  },
        new  {
    label= "Thur.",
    type= "series1",
    value= 500,
  },
        new  {
    label= "Thur.",
    type= "series2",
    value= 390,
  },
        new  {
    label= "Fri.",
    type= "series1",
    value= 170,
  },
        new  {
    label= "Fri.",
    type= "series2",
    value= 100,
  },
};

    GroupedBarConfig config1 = new GroupedBarConfig()
    {
        Title = new Charts.Title()
        {
            Visible = true,
            Text = "分组条形图",
        },
        XField = "value",
        YField = "label",
        GroupField = "type",
        Color = new string[] { "#1383ab", "#c52125" },
        Label = new BarViewConfigLabel
        {

        },
    };

    #endregion 示例1


}

